<template>
  <div class="b-dialog-application__content flex flex-col flex-1">
    <BiPackages :name="name"
                :limits="limits"
                v-if="type === 2"
                v-on="$listeners"/>

    <BVersion v-if="type === 1"
              :version="version"
              :desc="desc" />

    <BCarousel v-if="type === 1 || type === 3"
               :items="banner" />
  </div>
</template>

<script>
import BiPackages from './bi-packages.vue'
import BVersion from './version.vue'
import BCarousel from './carousel.vue'
export default {
  name: 'BDialogApplicationContent',
  components: {
    BiPackages,
    BVersion,
    BCarousel
  },
  props: {
    desc: String,
    version: String,
    banner: String,
    name: String,
    resources: {
      type: Array,
      default: () => ([])
    },
    limits: Object,
    type: [String, Number]
  }
}
</script>
